<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<c:set var="jpath" value="${pageContext.request.contextPath }"/>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="${jpath}/static/qd/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${jpath}/static/qd/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="${jpath}/static/qd/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="${jpath}/static/qd/css/about.css"/>

<title>Login</title>
</head>

<body>
	<div id="nav">
		<input type="hidden" id="aid" value="${auis.id}"/>
		<div class="container">
			<div class="row mar_t_tb">
				<div class="col-xs-4"><a href="javascript:void(0);" onclick="history.go(-1)"><img src="${jpath}/static/qd/img/back.png" height="20px" width="20"/></a></div>
				<div class="col-xs-4 about_text_center">关于我们</div>
				<div class="col-xs-4 about_text_right"><img src="${jpath}/static/qd/img/plus.png" height="20px" width="20"/></div>
			</div>
		</div>
	</div>
	
	
	<div id="content">
		<div class="container">
				<div class="row">
					<div class="col-xs-3 clear_padding orgbkc">
						<div class="kuang" id="jianjie">
							<div class="img"><img src="${jpath}/static/qd/img/about/简介.png" height="20" width="20"/></div>
							<div class="text">简介</div>
						</div>
						<div class="kuang" id="zhidu">
							<div class="img"><img src="${jpath}/static/qd/img/about/制度.png" height="20" width="20"/></div>
							<div class="text">制度</div>
						</div>
						<div class="kuang" id="tuandui">
							<div class="img"><img src="${jpath}/static/qd/img/about/团队.png" height="20" width="20"/></div>
							<div class="text">团队</div>
						</div>
						<div class="kuang" id="goujia">
							<div class="img"><img src="${jpath}/static/qd/img/about/架构.png" height="20" width="20"/></div>
							<div class="text">架构</div>
						</div>
						<div class="kuang" id="lianxi">
							<div class="img"><img src="${jpath}/static/qd/img/about/联系.png" height="20" width="20"/></div>
							<div class="text">联系</div>
						</div>
					</div>
					<div class="col-xs-1 clear_padding">
						<div ><img src="${jpath}/static/qd/img/about/三角.png" id="icon" height="30" width="30"/></div>
					</div>
					<div class="col-xs-7 clear_padding bluebkc">
						<div class="wenzhang">
							<div class="wz_title" id="wz_jianjie" style="display:block;">${auis.title}</div>
							<div class="wz_text" id="nr_jianjie" style="display:block;">
								<span>${auis.content}</span>
							</div>
							<div class="wz_btn"></div>
						</div>
						
		
		
						<div id="like_btn_kuang">
							<div class="container">
								<div class="row">
									<div class="col-xs-4 clear_padding">
										<div class="container">
											<div class="row">
												<div class="col-xs-4 like_btn clear_padding">
													<img src="${jpath}/static/qd/img/about/点赞.png" height="10px" width="10px"/>
												</div>
												<div class="col-xs-8 like_text clear_padding border_right_white">点赞</div>
											</div>
										</div>
									</div>
									<div class="col-xs-4 clear_padding">
										<div class="container">
											<div class="row">
												<div class="col-xs-4 like_btn clear_padding">
													<img src="${jpath}/static/qd/img/about/留言.png" height="10px" width="10px"/>
												</div>
												<div class="col-xs-8 like_text clear_padding border_right_white">留言</div>
											</div>
										</div>
									</div>
									<div class="col-xs-4 clear_padding">
										<div class="container">
											<div class="row">
												<div class="col-xs-4 like_btn clear_padding">
													<img src="${jpath}/static/qd/img/about/分享.png" height="10px" width="10px"/>
												</div>
												<div class="col-xs-8 like_text clear_padding">分享</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-1 clear_padding"></div>
				</div>
		</div>
	</div>
	<script type="text/javascript" >
		 $(function() {
		 	if($("#aid").val()=="1"){
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','20px'); 
		 	}
		 	if($("#aid").val()=="2"){
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','80px'); 
		 	}
		 	if($("#aid").val()=="3"){
		 	console.log("333");
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','140px'); 
		 	}
		 	if($("#aid").val()=="4"){
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','200px'); 
		 	}
		 	if($("#aid").val()=="5"){
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','260px'); 
		 	}
			$("#jianjie").click(function() {	
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','20px'); 
				location.href="${jpath}/qd/about?aid=1";
	        });
			$("#zhidu").click(function() {
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','80px'); 
				location.href="${jpath}/qd/about?aid=2";
	        });
			$("#tuandui").click(function() {
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','140px'); 
				location.href="${jpath}/qd/about?aid=3";
	        });
			$("#goujia").click(function() {
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','200px'); 
				location.href="${jpath}/qd/about?aid=4";
	        });
			$("#lianxi").click(function() {
				$("#icon").css('position','absolute'); 
				$("#icon").css('left','-10px'); 
				$("#icon").css('top','260px'); 
				location.href="${jpath}/qd/about?aid=5";
	        });
		 })
</script>
</body>
</html>

